<div id="x-home-head-slide" class="bui-slide slide-nav" >
    <div id="x-home-slide-main" class="bui-slide-main">
        <ul>
            <li class="active" >
                <ul class="index-nav bui-fluid-space" >
                     <li class="bui-btn bui-box-vertical span3" th:each="menu : ${menuList}" th:title="${menu.path}">
                        <div th:class="${'icons-round ' + menu.back}">
                           <i class="icon" th:text="${menu.icon}"></i> 
                        </div>
                        <div class="span1" th:text="${menu.name}"></div>
                    </li>
                </ul>
                
            </li>
        </ul>
    </div>
    <div class="bui-slide-head">
        <ul id="x-home-tab-nav">
            <li class="active"></li>
            <!-- <li class=""></li> -->
        </ul>
    </div>
</div>


<script type="text/tmp" id='x-render-homePage'>
		

</script>


<script>
	bui.slide({
		id:'#x-home-head-slide',
		menu:'#x-home-tab-nav',
		children:'.bui-slide-main >ul',
		scroll:true,
		height:300,
		zoom:true
	});
	$('#x-home-head-slide .bui-btn').click(function(e){
		var href = $(this).attr('title');
		bui.load({url:href,param: {}});
	});
</script>